<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<?php include_http_metas() ?>
<?php include_title() ?>
<meta name="Description" content="<?php echo __('slogan') ?>" />
<meta name="language" content="<?php echo $sf_user->getLangCulture() ?>" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Begur Holidays" />
<meta name="Robots" content="index,follow" />
</head>

<body>
		
			
			<?php echo $sf_content ?>
			<!-- content-wrap ends here -->		


			<!-- footer starts here -->	
			<?php include_partial('global/footer') ?>
			<!-- footer ends here -->
		
		<!-- wrap ends here -->
		</div>	

    <!-- required plugins 
		<script type="text/javascript" src="/js/date.js"></script>
--> 		
<script type="text/javascript">


       jQuery(function () {
                        var tabContainers = jQuery('div.tabs > div');
                        tabContainers.hide().filter(':first').show();
                        
                        jQuery('div.tabs ul.tabNavigation a').click(function () {
                                tabContainers.hide();
                                tabContainers.filter(this.hash).show();
                                jQuery('div.tabs ul.tabNavigation a').removeClass('selected');
                                jQuery(this).addClass('selected');
                                return false;
                        }).filter(':first').click();
        });
		

			
			// We only want these styles applied when javascript is enabled
			jQuery('div.navigation').css({'width' : '250px', 'float' : 'left'});
			jQuery('div.content').css('display', 'block');

			// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.67;
			jQuery('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
				.hover(
					function () {
						jQuery(this).not('.selected').fadeTo('fast', 1.0);
					}, 
					function () {
						jQuery(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
					}
				);

			jQuery(document).ready(function() {
				// Initialize Advanced Galleriffic Gallery
				var galleryAdv = jQuery('#gallery').galleriffic('#thumbs', {
					delay:                  2000,
					numThumbs:              8,
					preloadAhead:           10,
					enableTopPager:         true,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow',
					controlsContainerSel:   '#controls',
					captionContainerSel:    '#caption',
					loadingContainerSel:    '#loading',
					renderSSControls:       true,
					renderNavControls:      true,
					playLinkText:           'Play Diaporama',
					pauseLinkText:          'Pause Diaporama',
					prevLinkText:           '&lsaquo; <? echo __("Previous") ?>',
					nextLinkText:           '<? echo __("Next") ?> &rsaquo;',
					nextPageLinkText:       '<? echo __("NextBriefed") ?> &rsaquo;',
					prevPageLinkText:       '&lsaquo; <? echo __("PreviousBriefed") ?>',
					enableHistory:          true,
					autoStart:              false,
					onChange:               function(prevIndex, nextIndex) {
						jQuery('#thumbs ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:        function(callback) {
						jQuery('#caption').fadeTo('fast', 0.0);
						jQuery('#slideshow').fadeTo('fast', 0.0, callback);
					},
					onTransitionIn:         function() {
						jQuery('#slideshow').fadeTo('fast', 1.0);
						jQuery('#caption').fadeTo('fast', 1.0);
					},
					onPageTransitionOut:    function(callback) {
						jQuery('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:     function() {
						jQuery('#thumbs ul.thumbs').fadeTo('fast', 1.0);
					}
				});
				
				jQuery("form#submit").submit(function() {
 
	// we want to store the values from the form input box, then send via ajax below
	var fname     = jQuery('#fname').attr('value');
	var lname     = jQuery('#lname').attr('value'); 
 
		jQuery.ajax({
			type: "POST",
			url: "ajax.php",
			data: "fname="+ fname +"& lname="+ lname,
			success: function(){
				jQuery('form#submit').hide();
				jQuery('div.success').fadeIn();
			}
		});
	return false;
	});
			});
		</script>
<?php include_partial('global/ga') ?>   
</body>
</html>